<template>
  <div>
    <h1>app</h1>
    <ul>
      <li v-for="(item, index) in data" :key="index">
        <p>{{ item.id }}</p>
        <p>{{ item.pulls_url }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "",
  props: [""],
  data() {
    return {
      data: [],
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {
    //
    let url = "https://api.github.com/search/repositories?q=TMD&sort=stars";
    axios
      .get(url)
      .then((data) => {
        console.log(data);
        this.data = data.data.items;
        console.log(this.data);
      })
      .catch((err) => {
        console.log(err);
      });
  },

  methods: {},

  watch: {},
};
</script>
<style lang='' scoped>
</style>